<template>
  <div>
    <span v-for="i in work_list" :key="i.id">
      <p v-for="(x,y,index) in i.message" :key="index">
          {{y}}  :  {{x}}
      </p>
      <p>凭证:<img :src="i.qnimg" style="width: 50px;height: 50px"></p>
      <p v-if="i.start === 1" style="color: red">待审核</p>
      <p v-else-if="i.start === 2" style="color: red">通过审核</p>
      <p v-else-if="i.start === 3" style="color: red">未通过审核</p>
      <!--    步骤条-->
    <a-steps :current="i.index"  size="small">
      <a-step v-for="(a,b) in i.checklist" :key="b">
        <template slot="title">
          {{ a }}
        </template>
      </a-step>
    </a-steps>
    
      <br><br>
    </span>


  </div>
</template>

<script>
export default {
name: "work_detail",
  data(){
    return{
      user_id:localStorage.getItem('uid'),
      work_list:[],
      StorageList:[],
    }
  },
  methods:{
    getWorkDetail(){
      this.$axios.get('/z/storage/?user_id='+this.user_id)
      .then(res=>{
        this.work_list=res.data
        console.log(res.data)
      })
    },
  },
  mounted() {
    this.getWorkDetail()
  }
}
</script>

<style scoped>

</style>
